@import url(base.less);

.header{
  .pr;
  .bg-color(@cwhite);
  .header-bg{
    .wh(100%,4px);
    .bg-size('customer_header_bg.png',4px,4px,left,top,repeat-x);
    .pab(0,-4px);
  }
}
.atten,.attend,.tx,.female,.male,.com-icon,.xin{
  .bg-size('customer_icon.png',109px,auto);
}
.graybg{
  .bg-color(#eee);
}
.user-info{
  .p10;
  .bdb(#ebebf0);
  .h(61px);
  .atten{
    .dba(80,32);
    .fr;
    .mt(20);
    background-position:left -52px;
  }
  .attend{
    background-position:left top;
  }
  .tx{
    .pt(17);
    .fl;
    .mr10;
    background-position:-30px -94px;
    img{
      .wh(42px,42px);
      .border-radius(100%);
    }
  }
  .others{
    .pt(20);
    .lh(20);
    p{
      .c(#b5b5b5);
    }
    b{
      font-weight:normal;
    }
  }
  .name{
    .fz(16);
  }
  .male{
    .dib(15,15);
    background-position:-94px -90px;
  }
  .female{
    .dib(15,15);
    background-position:-94px -59px;
  }
}
#Tab_0{
  .df;
  align-items:center;
  a{
    margin:5px 0 15px;
    .db;
    .df1;
    .tc;
    .box-sizing();
    border-right:1px solid #ebebf0;
    &:last-child{
      border:0;
    }
  }
  h3{
    .fz(22);
    font-weight:normal;
    .lh(22);
  }
  p{
    .fz(14);
    .c(#525252);
  }

}
.my-number{
  .h(77px);
  .hover-border{
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    .border-radius(4px);
    .w(50px);
    .pab(-50px,14px);
    transition:all .2s;
  }
}
.fix-top-nav{
  .p10;
  .pr;
  .wh(100%,77px);
  .box-sizing();
  left:0;
  top:0;
  z-index:2;
  .bg-color(#fff);
  transition:all .2s;
}
.customer-page{
  //.pa(0,164px);
  //bottom:0;
  //.w(100%);
  //overflow-y:auto;
  //-webkit-overflow-scrolling:touch;
}
.page-list{
  padding:0 0 10px 10px;
  li{
    .fl;
    .mt10;
    .w(50%);
    padding-right:10px;
    .box-sizing();
  }
  .box{
    .bg-color(@cwhite);
  }
  .pic{
    .pr;
    img{
      .wh(100%,120px);
    }
  }
  .pic-cover{
    .bg-color(rgba(0,0,0,0.1));
    .db;
    .wh(100%,100%);
    .pa();
  }
  .pic-cover-video{
    .bg-size('play_icon.png',78px,78px,center,center,no-repeat);
    background-color:rgba(0,0,0,0.1);
  }
  .bottom{
    .pab();
    .wh(100%,30px);
    .c(@cwhite);
    padding:0 10px;
    .box-sizing();
    .com-icon{
      padding-left:20px;
      background-position:0 -94px;
      .fl;
      .mt(6);
    }
    .xin{
      .fr;
      .dba(20,20);
      background-position:-90px -31px;
    }
    .xin-on{
      background-position:-90px 0px;
    }
  }
  .tit{
    .lh(22);
    .c(#222);
    .fz(14);
    padding:5px 10px;
    .h(42px);
    .oh;
  }
  .time{
    position:fixed;
    right:0;
    top:169px;
    z-index:8;
    .bg-color(rgba(34,34,34,0.9));
    .tc;
    padding:10px 20px;
    h3{
      .fz(32);
      .c(#ffd200);
      font-weight:normal;
    }
    p{
      .fz(10);
      .c(#a7a7a7);
    }
  }
}

.had-list{
  padding:0 0 0 10px;
  li{
    .w(33%);
    .pr(10);
    .fl;
    .box-sizing();
    .pb(10);
    a{
      .db;
      .pr;
    }
    img{
      .w(100%);
    }
  }
  .gou{
    .fullbg('had_right_03.png');
    .ab-center(43,43);
  }
}
.top-tit{
  .dl(30);
  .pr;
  .wz{
    .ma;
    .w(100px);
    .c(#b5b5b5);
    .db;
    .tc;
    .pr;
    z-index:2;
    .bg-color(#eee);
  };
  .line{
    .pa(0,15px);
    .bdt(#bcbec8);
    .wh(100%,10px);
  }
}
.want-list .gou{
  .fullbg('wants_xin_03.png');
}
.empty-tip{
  .tc;
  .pt(50);
}
.mask-cover{
  .wh(100%,100%);
  .pa(0,10px,0);
  .bg-color(#eee);
  transition:all .3s;
  opacity:0;
}
.mask-cover-on{
  opacity:1;
  z-index:1000;
}

.pingce{
  .bg-color(@cwhite);
  .mt10;
  .three{
    .h(186px);
    img{
      .fl;
      .w(50%);
      .box-sizing();
    }
  }
  .img_0{
    .wh(50%,186px);
    .pr(1);
  }
  .img_1,.img_2{
    .h(93px);
  }
  .img_1{
    .pb(1);
  }
  .star{
    .p10;
    span{
      .dib(20,20);
      .bg-size('wuxin.png',100%,auto);
    }
  }
  .tit{
    .plr();
    .lh(22);
  }
  .time{
    .mt10;
    .pl(10);
  }
  .bottom{
    margin:10px 10px 0;
    .bdt(#e6e6e6);
    .pt10;
    padding-bottom:10px;
  }
  .tx-list{
    .fr;
    img{
      .pr;
      .ml(-13);
      .wh(30px,30px);
      border:3px solid #fff;
      .border-radius(100%);
      &:first-child{
        margin:0;
      }
    }
    .tx_0{z-index:5;}
    .tx_1{z-index:4;}
    .tx_2{z-index:3;}
    .tx_3{z-index:2;}
    .tx_4{z-index:1;}
  }
  .icon{
    .dib(30,30);
  }
  .xin{
    .bg-size('zan.png',100%,auto,left,0);
  }
  .xin-on{
    background-position:left -33px;
  }
  .com{
    .bg-size('com.png',100%,auto,left,0);
    .ml10;
  }
}
